<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">

<meta charset="utf-8" />
<title></title>

<meta name="description" content="overview & stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="static/css/bootstrap.min.css" rel="stylesheet" />
<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link rel="stylesheet" href="static/css/font-awesome.min.css" />
<link rel="stylesheet" href="static/css/chosen.css" />

<link rel="stylesheet" href="static/css/ace.min.css" />
<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
<link rel="stylesheet" href="static/css/ace-skins.min.css" />

<link rel="stylesheet" href="static/css/datepicker.css" />
<!-- 日期框 -->

<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>



<!--提示框-->
<script type="text/javascript" src="static/js/jquery.tips.js"></script>
</head>
<body>
	<div id="zhongxin" >
	<div>
		<table
			class="table table-striped table-bordered ">
			<tr bordercolor="#0000CC">
				<td width="100" rowspan="2" class="center"><a><img
						src="static/avatars/user.jpg" width="90" /></a></td>
				<td width="100" height="30" class="center">孙超文</td>
			</tr>
			<tr>
				<td height="30" class="center">在线</td>
			</tr>
		</table>
		</div>
			<div class="tabbable">
            <ul class="nav nav-tabs" id="myTab">
              <li class="active"><a data-toggle="tab" href="#home"><i class="green icon-home bigger-110"></i> 好友列表</a></li>
              <li><a data-toggle="tab" href="#profile"><i class="green icon-home bigger-110"></i>群组列表</a></li>
            </ul>
            <div class="tab-content"  >
			  <div id="home" class="tab-pane in active" style="overflow:auto;height:250px">
				<ul class="nav nav-list" >
			<li ><a style="cursor: pointer; " 
				class="dropdown-toggle">技术部<b class="arrow icon-angle-down"></b>
			</a>
				<ul class="submenu">
					<li><a href="#"><i class="icon-user"></i>张三</a></li>
					<li><a href="#"><i class="icon-user"></i>李四</a></li>
					<li><a href="#"><i class="icon-user"></i>王五</a></li>
					<li><a href="#"><i class="icon-user"></i>张三</a></li>
					<li><a href="#"><i class="icon-user"></i>李四</a></li>
					<li><a href="#"><i class="icon-user"></i>王五</a></li>
					<li><a href="#"><i class="icon-user"></i>张三</a></li>
					<li><a href="#"><i class="icon-user"></i>李四</a></li>
					<li><a href="#"><i class="icon-user"></i>王五</a></li>
					<li><a href="#"><i class="icon-user"></i>张三</a></li>
					<li><a href="#"><i class="icon-user"></i>李四</a></li>
					<li><a href="#"><i class="icon-user"></i>王五</a></li>
					<li><a href="#"><i class="icon-user"></i>张三</a></li>
					<li><a href="#"><i class="icon-user"></i>李四</a></li>
					<li><a href="#"><i class="icon-user"></i>王五</a></li>

				</ul></li>
				<li><a style="cursor: pointer;"
				class="dropdown-toggle">销售部<b class="arrow icon-angle-down"></b>
			</a>
				<ul class="submenu">
					<li><a href="#"><i class="icon-user"></i>聊天①群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天②群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天③群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天①群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天②群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天③群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天①群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天②群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天③群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天①群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天②群</a></li>
					<li><a href="#"><i class="icon-user"></i>聊天③群</a></li>

				</ul></li>
		    </ul>
			  </div>
			  <div id="profile" class="tab-pane">
				<p>等待开发...</p>
			  </div>
            </div>
	</div>
</div>

	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script src="static/js/bootstrap.min.js"></script>
	<script src="static/js/ace-elements.min.js"></script>
	<script src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script>
	<!-- 单选框 -->
	<script type="text/javascript"
		src="static/js/bootstrap-datepicker.min.js"></script>
	<!-- 日期框 -->

	<!-- 编辑框-->
	<script type="text/javascript" charset="utf-8">window.UEDITOR_HOME_URL = "<%=path%>
		/plugins/ueditor/";
	</script>
	<script type="text/javascript" charset="utf-8"
		src="plugins/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="plugins/ueditor/ueditor.all.js"></script>
</body>
</html>